import { createApp } from 'vue'
import { createPinia } from 'pinia'
import {
    Checkbox, CheckboxGroup, Button, Uploader, SidebarItem, Sidebar, NavBar, Slider, Tabbar, Search, TabbarItem, Icon, NoticeBar,
    Swipe, SwipeItem, CellGroup, Tab, Tabs, Popup, Cell, Toast, Loading, Overlay, Image as VanImage, CountDown, ShareSheet,
    Badge, PullRefresh, List, Skeleton, Switch, Rate, Popover
} from 'vant';

import 'vant/lib/index.css';
import App from './App.vue'
import router from './router'


const app = createApp(App)
const vantComponents = [
    NavBar,
    Tabbar,
    TabbarItem,
    Icon,
    Search,
    NoticeBar,
    Swipe,
    SwipeItem,
    CellGroup,
    Tab,
    Tabs,
    Popup,
    Cell,
    Toast,
    Loading,
    Overlay,
    VanImage,
    Checkbox,
    CheckboxGroup,
    Button,
    Uploader,
    SidebarItem,
    Sidebar,
    Slider,
    CountDown,
    ShareSheet,
    Badge,
    PullRefresh,
    List,
    Skeleton,
    Switch,
    Rate,
    Popover
]
app.use(createPinia())
app.use(router)
vantComponents.forEach(Component => {
    app.use(Component)
})


app.mount('#app')
